<template>
  <div class="content-wrap">
    <div class="content-items-wrap">
      <div class="content-item">
        <example1 key="1"></example1>
      </div>
    </div>
  </div>
</template>

<script>
import example1 from "../components/examples/1.vue";

export default {
  data: function () {
    return {
      examplesData: [
        {
          name: example1,
        },
      ],
    };
  },
  components: { example1 },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.content-wrap {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  .content-items-wrap {
    width: 100%;
    display: flex;
    .content-item {
      flex: 1 1 33.33%;
    }
  }
}
</style>